<!DOCTYPE html>
<html lang="ZN-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/style2.css">
    <link rel="javascript" href="./js/index1.js">
    <!-- 新 Bootstrap5 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/css/bootstrap.min.css">
    <!--  popper.min.js 用于弹窗、提示、下拉菜单 -->
    <script src="https://cdn.staticfile.org/popper.js/2.9.3/umd/popper.min.js"></script>
    <link href="https://cdn.bootcdn.net/ajax/libs/Buttons/2.0.0/css/buttons.css" rel="stylesheet">
    <title>广西科技师范学院</title>
</head>

<body>
    <!-- 导航栏 -->
    <nav class="navbar navbar-expand-lg bg-dark navbar-dark  shadow
    fixed-top ">
        <div class="container">
            <img src="./log/01.png" class="w-5 d-none d-md-block img-thumbnail logimg" id="#logimg">
            <a href="#" class="navbar-brand">广西科技师范学院</a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navmenu">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navmenu">
                <ul class="navbar-nav ms-auto">

                    <li class="nav-item">
                        <a class="nav-link" href="./default.html">首页</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="./default-schoolinfo.html">学校概况</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="./default-shcoolorganization.html">组织机构</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="./default-school_tecaher.html">师资队伍</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="./default-school_studen.html">人才培养</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="./default-school_recrui.html">人才招聘</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="./default_school_ifpucle.html">信息公开</a>
                    </li>

                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-bs-toggle="dropdown">
                            校园文化
                        </a>
                        <div class="dropdown-menu">
                            <a class="dropdown-item" href="./default-shcool_yb.html">易班</a>
                            <a class="dropdown-item" href="./default-school_vx.html">微信</a>
                            <a class="dropdown-item" href="./default-school_wb.html">微博</a>
                        </div>
                    </li>
                </ul>


                <form class="d-flex">
                    <input class="form-control my-lg-0" type="search" placeholder="" aria-label="Search">
                    <button class="btn btn-outline-success" type="submit">Search</button>
                </form>

            </div>
    </nav>


    </div>
    <!-- 轮播图 -->
    <!-- <div class="container"> 可以不加响应式 -->
    <div class="container">

        <div id="demo" class="carousel slide" data-bs-ride="carousel">

            <!-- Indicators/dots -->
            <div class="carousel-indicators">
                <button type="button" data-bs-target="#demo" data-bs-slide-to="0" class="active"></button>
                <button type="button" data-bs-target="#demo" data-bs-slide-to="1"></button>
                <button type="button" data-bs-target="#demo" data-bs-slide-to="2"></button>
                <button type="button" data-bs-target="#demo" data-bs-slide-to="3"></button>
            </div>

            <!-- The slideshow/carousel -->

            <div class="carousel-inner">
                <div class="carousel-item active">
                    <img src="./img/index-0.jpg" class="d-block" style="width:100%">
                    <div class="carousel-caption">
                        <!-- <h3>第一张图片描述标题</h3>
                        <p>第一张图片描述内容显示在这里！！！</p> -->
                    </div>
                </div>
                <div class="carousel-item">
                    <img src="./img/index-1.jpg" class="d-block" style="width:100%">
                    <div class="carousel-caption">
                        <!-- <h3>第二张图片描述标题</h3>
                        <p>第二张图片描述内容显示在这里！！！</p> -->
                    </div>
                </div>
                <div class="carousel-item">
                    <img src="./img/index-2.jpg" class="d-block" style="width:100%">
                    <div class="carousel-caption">
                        <!-- <h3>第三张图片描述标题</h3>
                        <p>第三张图片描述内容显示在这里！！！</p> -->
                    </div>
                </div>
                <div class="carousel-item">
                    <img src="./img/index-4.jpg" class="d-block" style="width:100%">
                    <div class="carousel-caption">
                        <!-- <h3>第三张图片描述标题</h3>
                        <p>第三张图片描述内容显示在这里！！！</p> -->
                    </div>
                </div>
            </div>

            <!-- Left and right controls/icons -->
            <button class="carousel-control-prev" type="button" data-bs-target="#demo" data-bs-slide="prev">
                <span class="carousel-control-prev-icon"></span>
            </button>
            <button class="carousel-control-next" type="button" data-bs-target="#demo" data-bs-slide="next">
                <span class="carousel-control-next-icon"></span>
            </button>
        </div>


    </div>

    <section class="p-5">
        <!-- 第二栏新闻 -->
        <div class="container">
            <div class="container" id="xdiv">
            </div>
            <div class="row">
                <div class="col-lg-5">
                    <div class="card" style="width: 32rem; height: 20.5rem; ">
                        <div class="card-body">
                            <h2 class="card-title">学校要闻</h2>
                            <div id="carouselExampleControls" class="carousel slide" data-bs-ride="carousel">
                                <div class="carousel-inner">
                                    <div class="carousel-item active">
                                        <img src="./img/xw-0.jpg" class="d-block w-200" alt="..."
                                            style="width: 360px; height: 252px;">
                                    </div>
                                    <div class="carousel-item">
                                        <img src="./img/xw-1.jpg" class="d-block w-200" alt="..."
                                            style="width: 360px; height: 252px;">
                                    </div>
                                    <div class="carousel-item">
                                        <img src="./img/xw-2.jpg" class="d-block w-200" alt="..."
                                            style="width: 360px; height: 252px;">
                                    </div>
                                    <div class="carousel-item">
                                        <img src="./img/xw-3.jpg" class="d-block w-200" alt="..."
                                            style="width: 360px; height: 252px;">
                                    </div>
                                </div>
                                <a class="carousel-control-prev" href="#carouselExampleControls" role="button"
                                    data-bs-slide="prev">
                                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                                    <span class="visually-hidden">Previous</span>
                                </a>
                                <a class="carousel-control-next" href="#carouselExampleControls" role="button"
                                    data-bs-slide="next">
                                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
                                    <span class="visually-hidden">Next</span>
                                </a>
                            </div>

                        </div>
                    </div>

                </div>
                <div class="col-lg-7">

                    <div class="card">
                        <div class="card-body">
                            <blockquote class="blockquote">
                                <p class="h3 ">
                                    喜讯：我校王正刚博士“清代骈文集序跋文献整理与研究”获批2021年度国家社会科学...</p>
                            </blockquote>
                            <figcaption class="blockquote-footer">
                                <u>
                                    <p class="h6">全国哲学社会科学工作办公室发布《2021年度国家社科基金西部项目立项结果公布...</p>
                                </u>
                            </figcaption>
                            <ul class="list-unstyled">
                                <li>
                                    <a href="javascript:void(0)" style="text-decoration:none;">
                                        <p class="h6">【图文】合山市委***徐钊应邀与我校团学干部开展座谈交流</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)" style="text-decoration:none;">
                                        <p class="h6">【图文】学校隆重举行教师公寓交房仪式</p>
                                </li> </a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)" style="text-decoration:none;">
                                        <p class="h6">【图文】学校举办基层组织工作业务培训会</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)" style="text-decoration:none;">
                                        <p class="h6">【图文】学校召开2021年秋季学期消防***工作会议</p>
                                    </a </li> <li>
                                    <a href="javascript:void(0)" style="text-decoration:none;">
                                        <p class="h6">学校举办2021年新入职教职工岗前培训</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)" style="text-decoration:none;">
                                        <p class="h6"> 喜讯：“永远跟***走”庆祝*********成立100周年第九届全区基层群众文艺会演中我校...</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- 第三栏卡片 -->
    <section class="p-5">

        <div class="container">

            <div class="row">
                <div class="col-lg-6">
                    <div class="card">
                        <div class="card-header">
                            <ul class="nav nav-tabs card-header-tabs">
                                <li class="nav-item">
                                    <a class="nav-link active" aria-current="true" href="JavaScript:void(0)">通知公告</a>
                                </li>
                                <li class="nav-item justify-content-end">
                                    <a class="nav-link disabled" href="JavaScript:void(0)" tabindex="-1"
                                        aria-disabled="true">招标告示</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" href="JavaScript:void(0)">更多...</a>
                                </li>
                            </ul>
                        </div>
                        <div class="card-body border-primary mb-4"">
                        <div class=" accordion accordion-flush" id="accordionFlushExample">
                            <div class="accordion-item">
                                <h2 class="accordion-header" id="flush-headingOne">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                        data-bs-target="#flush-collapseOne" aria-expanded="false"
                                        aria-controls="flush-collapseOne">
                                        广西科技师范学院2021年公开招聘拟聘用人员公示
                                    </button>
                                </h2>
                                <div id="flush-collapseOne" class="accordion-collapse collapse"
                                    aria-labelledby="flush-headingOne" data-bs-parent="#accordionFlushExample">
                                    <div class="accordion-body">
                                        根据***单位招聘人员的有关规定，经考核、体检等程序，现将拟聘用人员钱海峰等10位同志的有关情况予以公示，
                                        公示期为5个工作日。对拟聘用人员如有异议，请以书面形式，并署真实姓名和联系方式，
                                        于2021年10月13日前邮寄或直接送达我单位(直接送达的以送达日期为准，邮寄的以邮戳为准)。
                                        如实***拟聘用人员有关问题的将受法律保护。
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-item">
                                <h2 class="accordion-header" id="flush-headingTwo">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                        data-bs-target="#flush-collapseTwo" aria-expanded="false"
                                        aria-controls="flush-collapseTwo">
                                        自治区教育厅关于印发广西高考综合改革政策解读50问的通知
                                    </button>
                                </h2>
                                <div id="flush-collapseTwo" class="accordion-collapse collapse"
                                    aria-labelledby="flush-headingTwo" data-bs-parent="#accordionFlushExample">
                                    <div class="accordion-body">

                                        <a
                                            href="https://www.gxstnu.edu.cn/__local/F/1F/26/46005BED021826F8782A273DEBF_A7286DCA_21501.jpg">
                                            <img style=" width: 50px;"
                                                src="https://www.gxstnu.edu.cn/__local/F/1F/26/46005BED021826F8782A273DEBF_A7286DCA_21501.jpg">
                                        </a>
                                        <a
                                            href="https://www.gxstnu.edu.cn/__local/C/A2/5B/4E77D0880DAB38D641A0D82C889_B8A8CC86_291B6.jpg">
                                            <img style=" width: 50px;"
                                                src="https://www.gxstnu.edu.cn/__local/C/A2/5B/4E77D0880DAB38D641A0D82C889_B8A8CC86_291B6.jpg">
                                        </a>
                                        <a
                                            href="https://www.gxstnu.edu.cn/__local/9/84/B9/0703B87428F1F83281746BA298A_3B28E012_28479.jpg">
                                            <img style=" width: 50px;"
                                                src="https://www.gxstnu.edu.cn/__local/9/84/B9/0703B87428F1F83281746BA298A_3B28E012_28479.jpg">
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-item">
                                <h2 class="accordion-header" id="flush-headingThree">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                        data-bs-target="#flush-collapseThree" aria-expanded="false"
                                        aria-controls="flush-collapseThree">
                                        ***来宾市工业园区代表会议推选代表候选人初步人选公示
                                    </button>
                                </h2>
                                <div id="flush-collapseThree" class="accordion-collapse collapse"
                                    aria-labelledby="flush-headingThree" data-bs-parent="#accordionFlushExample">
                                    <div class="accordion-body">
                                        韦明珠
                                        <br>
                                        广西科技师范学院***委组织部（统战部）***部长
                                        <br>
                                        韦清燕
                                        <br>
                                        广西科技师范学院网络与教育技术******主任
                                        <br>
                                        苏云虹
                                        <br>
                                        广西科技师范学院外国语学院学生第二***支部***、专职组织员
                                        <br>
                                        莫志慧
                                        <br>
                                        广西科技师范学院教务处***处长
                                        <br>
                                        莫建平
                                        <br>
                                        广西科技师范学院团委******（主持工作）***部长（***处长）
                                        <br>
                                        谭韦力
                                        <br>
                                        广西科技师范学院***委办公室（校长办公室）***主任
                                        <br>
                                        组织部地址：来宾市铁北大道966号广西科技师范学院科教楼601室，
                                        <br>
                                        电话：0772--6620783。
                                        <br>
                                        干部群众如实反映有关问题受法律保护。
                                        <br>
                                        ***广西科技师范学院委员会组织部
                                        <br>
                                        2021年7月9日
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-item">
                                <h2 class="accordion-header" id="flush-headingFour">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                        data-bs-target="#flush-collapseFour" aria-expanded="false"
                                        aria-controls="flush-collapseFour">
                                        关于做好2021年“五一”假期期间师生出行和校园疫情防控工作的通知
                                    </button>
                                </h2>
                                <div id="flush-collapseFour" class="accordion-collapse collapse"
                                    aria-labelledby="flush-headingFour" data-bs-parent="#accordionFlushExample">
                                    <div class="accordion-body">
                                        <p> 五一快乐</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="card ">
                    <div class="card-header">
                        <ul class="nav nav-tabs card-header-tabs">
                            <li class="nav-item">
                                <a class="nav-link active" aria-current="true" href="JavaScript:void(0)">学术报告</a>
                            </li>
                            <li class="nav-item justify-content-end">
                                <a class="nav-link disabled" href="JavaScript:void(0)" tabindex="-1"
                                    aria-disabled="true">学院动态</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="JavaScript:void(0)">更多...</a>
                            </li>
                        </ul>
                    </div>
                    <div class="card-body">
                        <div class="row">

                            <div class="col-lg-5">
                                <img src="./img/xw-2-2.jpg" style="width: 180px; height: 117px;">
                                <img src="./img/xw2-3.jpg" style="width: 180px; height: 117px;">
                            </div>
                            <div class="col-lg-7">
                                <ul class="list-unstyled">
                                    <li style="height:38px;">【图文】李坚斌教授应邀到我校开展“制...</li>
                                    <li style="height:38px;">【图文】曾杰教授莅临马克思主义学院开......</li>
                                    <li style="height:38px;">【图文】美术与设计学院举行“以***史引......</li>
                                    <li style="height:38px;">【红水河学术大讲堂】苏峻教授应邀到我......</li>
                                    <li style="height:38px;">【图文】中南财经政法大学董慈蔚教授应......</li>
                                    <li>【红水河学术大讲堂】许家兴***教授应邀......</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- <section class="p-5"> -->
    <div class="container">
        <div class="row">
            <div class="col-lg-6">
                <div class="card">
                    <div class="card-body">
                        <div class="card">
                            <div class="card-body">
                                <div class="row" id="logee">
                                    <div class="col-xs-12 col-sm-12 col-md-2 col-zdlg-2-5 ps" id="img1">

                                        <img class="img-thumbnail img-fluid" src="./log/001.png">
                                        <p class="h6">智慧校园</p>
                                    </div>
                                    <div class="col-xs-12 col-sm-12 col-md-2 col-zdlg-2-5 ps" id="img1" ">
                                        <img class=" img-thumbnail img-fluid "
                                            src=" ./log/002.png"> <p class="h6">OA办公</p>
                                    </div>
                                    <div class="col-xs-12 col-sm-12 col-md-2 col-zdlg-2-5 ps" id="img1">
                                        <img class="img-thumbnail img-fluid " src="./log/003.png">
                                        <p class="h6">教务系统</p>
                                    </div>
                                    <div class="col-xs-12 col-sm-12 col-md-2 col-zdlg-2-5 ps" id="img1">
                                        <img class="img-thumbnail img-fluid " src="./log/004.png">
                                        <p>电子邮箱</p>
                                    </div>
                                    <div class="col-xs-12 col-sm-12 col-md-2 col-zdlg-2-5 ps" id="img1">

                                        <img class="img-thumbnail img-fluid " src="./log/005.png">
                                        <p>缴费平台</p>
                                    </div>
                                </div>
                                <div class="row" id="logee">
                                    <div class="col-xs-12 col-sm-12 col-md-2 col-zdlg-2-5 ps" id="img1">

                                        <img class="img-thumbnail img-fluid " src="./log/006.png">
                                        <p>资助系统</p>
                                    </div>
                                    <div class="col-xs-12 col-sm-12 col-md-2 col-zdlg-2-5 ps" id="img1">

                                        <img class="img-thumbnail img-fluid " src="./log/007.png">
                                        <p>招生信息</p>
                                    </div>
                                    <div class="col-xs-12 col-sm-12 col-md-2 col-zdlg-2-5 ps" id="img1">

                                        <img class="img-thumbnail img-fluid " src="./log/008.png">
                                        <p>图书馆</p>
                                    </div>
                                    <div class="col-xs-12 col-sm-12 col-md-2 col-zdlg-2-5 ps" id="img1">

                                        <img class="img-thumbnail img-fluid " src="./log/009.png">
                                        <p>易班信息</p>
                                    </div>
                                    <div class="col-xs-12 col-sm-12 col-md-2 col-zdlg-2-5 ps" id="img1">
                                        <img class="img-thumbnail img-fluid " src="./log/010.png">
                                        <p>视频新闻</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="card">
                    <div class="card-body">
                        <img style="width: 284px; height: 100px;" class="img-thumbnail" src="./img/12.png">
                        <img style="width: 284px; height: 100px;" class="img-thumbnail" src="./img/13.png">
                        <img style="width: 284px; height: 100px;" class="img-thumbnail" src="./img/14.png">
                        <img style="width: 284px; height: 100px;" class="img-thumbnail" src="./img/15.png">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- </section> -->
    <section class="p-5">
        <div class="container">
            <h2 class="text-center mb-4">联系我们</h2>
            <div class="heading-line"></div>
            <div class="mb-3">
                <label for="exampleFormControlInput1" class="form-label">邮箱地址</label>
                <input type="email" class="form-control" id="exampleFormControlInput1" placeholder="854700937@qq.com">
            </div>
            <div class="mb-3">
                <label for="exampleFormControlTextarea1" class="form-label">请您输入内容...</label>
                <textarea class="form-control" id="exampleFormControlTextarea1" rows="2"></textarea>
            </div>
            <div class="container">
                <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#myModal">
                    发送
                </button>
                <!-- 模态框 -->
                <div class="modal" id="myModal">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <!-- 模态框头部 -->
                            <div class="modal-header">
                                <h4 class="modal-title">QAQ别点人家啦...</h4>
                                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                            </div>

                            <!-- 模态框内容 -->
                            <div class="modal-body">
                                只是一个动态弹框 嘿嘿 别试了
                            </div>
                            <!-- 模态框底部 -->
                            <div class="modal-footer">
                                <button type="button" class="btn btn-danger" data-bs-dismiss="modal">关闭</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <ul class="list-group list-group-flush">
                <li class="list-group-item">
                    来信请寄：广西壮族自治区******室
                    来访请到：南宁市民族大道54号
                   ***电话：(0771)12388
                    网上***：guangxi.12388.gov.cn</li>
                <li class="list-group-item">来宾校区（主校区）来宾市铁北大道966号 邮编：546199</li>
                <li class="list-group-item">******电话：0772-6620767</li>
            </ul>
        </div>
    </section>

    <footer class="p-4 bg-dark text-white text-center">
        <div class="container">
            <p class="lead">Copyright &copy; 2021 Linson作品</p>
            <p class="h1">版权所有@Linson</p>
            <a href="https://gitee.com/S88888888/bootstrap5.1demo">
                <p class="h3">源码含素材已经推送上gitee</p>
            </a>
            <p class="h3">喜欢的可以git clone 下来试试 QAQ</p>
        </div>
    </footer>
    <!-- 最新的 Bootstrap5 核心 JavaScript 文件 -->
    <script src="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/js/bootstrap.min.js"></script>

</body>

</html>

<script>
    console.log('不要偷看我控制台你把持不住' + "%c+",
        `font-size: 1px;
  padding: 122px 217px;
  background-image: url(https://qn.doutub.com/16244483759822.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  color: transparent;`);
</script>